<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="title.jsp"/>
<meta charset="utf-8"/>
 <meta name="keywords" content="贷款，信用贷，分期，借款，万八千，信用借款，借款5000元，小额现金贷" />
  <meta name="description" content="万八千提供快速的小额借款服务。可以借款5000元、无抵押、无担保、万八千是一款针对成人白领市场的消费金融产品，通过互联网、大数据等科技手段，为用户提供短期的信用借贷，解决用户资金周转问题。"/>
<link href="css/style.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="css/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />
<script src="js/jqbase.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
$(function(){

	$( "#from" ).datepicker({
		defaultDate: "+1w",
		changeMonth: true,
		numberOfMonths: 2,
		onClose: function( selectedDate ) {
			$( "#to" ).datepicker( "option", "minDate", selectedDate );
		}
	});
	
	$( "#to" ).datepicker({
		defaultDate: "+1w",
		changeMonth: true,
		numberOfMonths: 2,
		onClose: function( selectedDate ) {
			$( "#from" ).datepicker( "option", "maxDate", selectedDate );
		}
	});
	
	$( "#datepicker , #datepicker1" ).datepicker({
		changeMonth: true,
		changeYear: true
	});//日期修改年份
	
});
</script>
</head>
<body style="background:#eaedf1;">
<jsp:include page="top.jsp"/>
	<div class="backstage no-mar">
		<div class="chose_btn clearfix">
			<a href="" class="frash fl"><img src="img/frash.png"></a>
			<input placeholder="内容关键词" class="fl key_words" id="key">
			还款状态:
			<select id="rep">
			  <option value="">全部</option>
			  <option value="0">待还款</option>
			  <%--<option value="1">还款中</option>--%>
			   <option value="2">还款成功</option>
			    <%--<option value="3">提前还款</option>--%>
			</select>
			<!-- 催收状态:
			<select>
			<option value=""></option>
			  <option value="0">已催收</option>
			  <option value="1">未催收</option>
			</select> -->
		 	<%--<table width="450" border="0" cellspacing="0" cellpadding="0" class="register-table">--%>
				 <%--<tr>--%>
				    <%--<td height="40" align="right">有效期起始：</td>--%>
				    <%--<td height="40" align="left"><input type="text" name="te" id="from" class="test-style width150" /></td>--%>
				    <%--<td height="40" align="right">有效期截止：</td>--%>
				    <%--<td height="40" align="left"><input type="text" name="tex" id="to" class="test-style width150" /></td>--%>
				 <%--</tr>--%>
			<%--</table>--%>
			<button value="" id="search">搜索</button>
			 <button value="" id="excel_tiaojian">当前条件导出</button>

		</div> 
		<table class="caozuo audit">
			<tr>
			    <th>还款订单号</th>
				<th>用户ID</th>
				<th class="">用户姓名</th>
				<th class="">手机号</th>
				<th>借款金额</th>
				<th>借款时间</th>
				<%--<th>预计还款时间</th>--%>
				<th>截止还款时间</th>
				<th>逾期天数</th>
				<th>应还本金+服务费</th>
				 <th>还款状态</th>
				<th>催收备注</th>
				<th>催收人</th>
				
				<th>操作</th>
			</tr>
			<c:forEach items="${pager.list }" var="collect">
			<tr>
			   <td>${collect.repayNo }</td>
				<td>${collect.userId }</td>
				<td>${collect.userName }</td>
				<td>${collect.userMobile }</td>
				<td>${collect.loanAmount }</td>
				<td><fmt:formatDate value="${collect.loanTimeD }" pattern="yyyy-MM-dd HH:mm:ss" /></td>
				<td><fmt:formatDate value="${collect.planRepayTimeD }" pattern="yyyy-MM-dd HH:mm:ss" /></td>
				<td>${collect.overdueDays }</td>
				<td>${collect.shouldAmount }</td>
				 <td><c:if test="${collect.repayStatus==0 }">待还款</c:if>
				    <c:if test="${collect.repayStatus==1 }">还款中</c:if>
				    <c:if test="${collect.repayStatus==2 }">还款成功</c:if>
				    <c:if test="${collect.repayStatus==3 }">提前还款</c:if>
				</td>
				<td>${collect.remark }</td>
				<td>${collect.adminName }</td>
				<%-- <td><c:if test="${collect.status==0 }">待催收</c:if>
				<c:if test="${collect.status==0 }">催收成功</c:if>
				<c:if test="${collect.status==0 }">催收失败</c:if>
				</td> --%>
				<td>
					<a href="Cuishou_repayno.html?repayNo=${collect.repayNo }" class="work1"></a>
					<a href="userInfo.html?userId=${collect.userId}" class="work4"></a>
				</td>
			</tr>
			</c:forEach>
		</table>
		<p class="tongji">共${pager.totalRow }条</p>
		 <div class="page clearfix">
		 <div ><font color="red">${pager.tot}</font></div>
                <div class="page-link fl">
                    <a href="collection.html?page=1&pageSize=${pager.pageSize }&userId=${pager.userId}&key=${pager.key}&rep=${pager.rep}">首页</a>
                    <a href="collection.html?page=${pager.page-1 }&pageSize=${pager.pageSize }&userId=${pager.userId}&key=${pager.key}&rep=${pager.rep}">上一页</a>
                    <a class="active" href="#">${pager.page }</a>
                    <a href="collection.html?page=${pager.page+1 }&pageSize=${pager.pageSize }&userId=${pager.userId}&key=${pager.key}&rep=${pager.rep}">下一页</a>
                    <a href="collection.html?page=${pager.totalPage }&pageSize=${pager.pageSize }&userId=${pager.userId}&key=${pager.key}&rep=${pager.rep}">尾页</a>
                </div>
                <div class="page-info fl">共<span>${pager.totalRow }</span>条信息&nbsp;&nbsp;当前显示第<span>${pager.page }</span>页</div>
            </div>
	</div>
<jsp:include page="foot.jsp"/>
<jsp:include page="left.jsp"/>
<script type="text/javascript">
$(function(){
	$("#search").click(function(){
		var key=$("#key").val();
		var rep=$("#rep").val();
		var time1=$("#from").val();
		var time2=$("#to").val();
		window.location.href="collection.html?page=${pager.page}&&pageSize=${pager.pageSize }&userId=${pager.userId}&key="+key+"&rep="+rep;
//		"&time1="+time1+"&time2="+time2+
	})
	$("#excel_tiaojian").click(function(){
		window.location.href="collectionExcel.html?pageSize=${pager.totalRow}&rep=${pager.rep}";
	})
})

</script>
</body>
</html>